// BGM控制功能
function initializeBGM() {
    const bgm = document.getElementById('bgm');
    const bgmControls = document.querySelectorAll('.bgm-control');
    
    // 如果页面中没有音频元素，则不执行任何操作
    if (!bgm) return;
    
    // 设置音量
    bgm.volume = 0.3;
    
    // 尝试在用户第一次交互后播放BGM
    const playBGM = () => {
        bgm.play().catch(e => console.log("BGM autoplay prevented:", e));
        // 移除事件监听器，避免重复触发
        document.body.removeEventListener('click', playBGM);
        document.body.removeEventListener('touchstart', playBGM);
    };
    
    // 添加用户交互事件监听器
    document.body.addEventListener('click', playBGM);
    document.body.addEventListener('touchstart', playBGM);
    
    // 为所有控制按钮添加点击事件
    bgmControls.forEach(control => {
        control.addEventListener('click', function() {
            if (bgm.paused) {
                bgm.play();
                // 更新所有控制按钮的文本
                bgmControls.forEach(btn => btn.textContent = '⏸️');
            } else {
                bgm.pause();
                // 更新所有控制按钮的文本
                bgmControls.forEach(btn => btn.textContent = '▶️');
            }
        });
    });
}

// 页面加载完成后初始化BGM控制
document.addEventListener('DOMContentLoaded', function() {
    initializeBGM();
});